<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>layout布局页面</title>
    <script type="text/javascript" src="../../jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../../ztree/jquery.ztree.all-3.5.js"></script>
    <link rel="stylesheet" href="../themes/default/easyui.css"/>
    <link rel="stylesheet" href="../themes/icon.css"/>
    <link rel="stylesheet" href="../../ztree/zTreeStyle.css"/>
    <script type="text/javascript">
        $(function () {

        })
    </script>
</head>

<body>
    <table class="easyui-datagrid" style="width:400px;height:250px"
           data-options="url:'product.json',fitColumns:true,singleSelect:true,pagination:true,pageList:[2,3,4]">
        <thead>
        <tr>
            <th data-options="field:'id',width:100">编码</th>
            <th data-options="field:'name',width:100">名称</th>
            <th data-options="field:'price',width:100,align:'right'">价格</th>
        </tr>
        </thead>
    </table>
</body>

</html>